<!doctype html>
<html lang="en" class="login-content" data-ng-app="materialAdmin">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Material Admin</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
    <!-- Vendor CSS -->
    <link href="{% static "login/css/material-design-iconic-font/css/material-design-iconic-font.min.css" %}"
          rel="stylesheet" type="text/css">
    <!-- CSS -->
    <link href="{% static "login/css/app.min.1.css" %}" rel="stylesheet" type="text/css">
</head>
<body class="login-content" data-ng-controller="loginCtrl as lctrl">

<div class="lc-block" id="l-login" data-ng-class="{'toggled':lctrl.login === 1}">
    <h1 class="lean">DevOps</h1>
    {% if error_msg %}
        <div class="alert alert-danger">
            {{ error_msg }}
        </div>
    {% endif %}
    <form class="form-horizontal" action="{% url 'login' %}" method="post">
        {% csrf_token %}
        <div class="input-group m-b-20">
    		<span class="input-group-addon">
    			<i class="zmdi zmdi-account"></i>
    		</span>
            <div class="fg-line">
                {{ form.username }}
            </div>
        </div>

        <div class="input-group m-b-20">
    		<span class="input-group-addon">
    			<i class="zmdi zmdi-male"></i>
    		</span>
            <div class="fg-line">
                {{ form.password }}
            </div>
        </div>

        <div class="clearfix"></div>

        <button type="submit" class="btn btn-login btn-danger btn-float">
            <i class="zmdi zmdi-arrow-forward"></i>
        </button>
    </form>
</div>
</body>

<script src="{% static "login/js/bower_components/jquery/dist/jquery.min.js" %}"></script>
<script src="{% static "login/js/log.js" %}"></script>
<!-- Angular -->
<script src="{% static "login/js/bower_components/angular/angular.min.js" %}"></script>
<script src="{% static "login/js/bower_components/angular-resource/angular-resource.min.js" %}"></script>
<script src="{% static "login/js/bower_components/angular-animate/angular-animate.min.js" %}"></script>


<!-- Angular Modules -->
<script src="{% static "login/js/bower_components/angular-ui-router/release/angular-ui-router.min.js" %}"></script>
<script src="{% static "login/js/bower_components/angular-loading-bar/src/loading-bar.js" %}"></script>
<script src="{% static "login/js/bower_components/oclazyload/dist/ocLazyLoad.min.js" %}"></script>
<script src="{% static "login/js/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js" %}"></script>

<!-- Common js -->
<script src="{% static "login/js/bower_components/angular-nouislider/src/nouislider.min.js" %}"></script>
<script src="{% static "login/js/bower_components/ng-table/dist/ng-table.min.js" %}"></script>

<!-- App level -->
<script src="{% static "login/js/app.js" %}"></script>
<script src="{% static "login/js/controllers/main.js" %}"></script>
<script src="{% static "login/js/controllers/ui-bootstrap.js" %}"></script>


<!-- Template Modules -->
<script src="{% static "login/js/modules/form.js" %}"></script>
</html>